<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="Simple Switch,Switch,Simple,开关插件,开关,javascript,Switch jquery">
    <meta name="description" content="Simple Switch is Switch jQuery plug-in , Author is Lukang">
    <link rel="icon" href="favicon.ico">

    <title>Simple Switch - lukang</title>

    <script src="http://www.jq22.com/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="js/simple.switch.js"></script>
    <link rel="stylesheet" href="css/simple.switch.three.css" type="text/css">
    <link rel="stylesheet" href="css/css.css" type="text/css">


    <link rel="stylesheet" href="FontAwesome/css/font-awesome.min.css" type="text/css">

</head>
<body>

<div class="lk m1">
    <div class="main">
        <div class="l">
            <h1 class="h1">FlatRadius：</h1>

            <div class="div"><input type="checkbox" class="c4" name="o"></div>
            <div class="div"><input type="checkbox" class="c4" name="o" checked></div>
        </div>
        <div class="r">
            <h1 class="h1">Code：</h1>
            <pre class="hl pre">
<span class="hl kwa">&lt;input</span> <span class="hl kwb">type</span>=<span class="hl str">&quot;checkbox&quot;</span> <span class="hl kwb">class</span>=<span class="hl str">&quot;checkbox&quot;</span> disabled<span class="hl kwa">&gt;</span>
<span class="hl kwa">&lt;input</span> <span class="hl kwb">type</span>=<span class="hl str">&quot;checkbox&quot;</span> <span class="hl kwb">class</span>=<span class="hl str">&quot;checkbox&quot;</span> disabled checked<span class="hl kwa">&gt;</span>
<span class="hl kwa">&lt;input</span> <span class="hl kwb">type</span>=<span class="hl str">&quot;checkbox&quot;</span> <span class="hl kwb">class</span>=<span class="hl str">&quot;checkbox&quot;</span><span class="hl kwa">&gt;</span>
<span class="hl kwa">&lt;input</span> <span class="hl kwb">type</span>=<span class="hl str">&quot;checkbox&quot;</span> <span class="hl kwb">class</span>=<span class="hl str">&quot;checkbox&quot;</span> checked<span class="hl kwa">&gt;</span>
<span class="hl kwa">&lt;script&gt;</span>
	<span class="hl opt">$(</span><span class="hl str">&quot;.checkbox&quot;</span><span class="hl opt">).</span><span class="hl kwd">simpleSwitch</span><span class="hl opt">({</span>
		<span class="hl str">&quot;theme&quot;</span><span class="hl opt">:</span> <span class="hl str">&quot;FlatRadius&quot;</span>
	<span class="hl opt">});</span>
<span class="hl kwa">&lt;/script&gt;</span>
</pre>
        </div>
    </div>
</div>




<script type="text/javascript">
   $(".c4").simpleSwitch({
        "theme": "FlatRadius"
    });

</script>



<div class="lk m5">
    <div class="main">
        Author is <a href="http://lukangkang.cc/" style="color:#000;" target="_blank">Lukang</a> . <i class="fa fa-heart" style="color: #d43f57;"></i> . 最后更新于2016年7月19日
    </div>
</div>



</body>
</html>